<template>
  <div class="form-config">
    <el-form label-position="top" size="small">
      <el-form-item label="标签宽度">
        <el-input v-model="data.labelWidth" />
      </el-form-item>

      <el-form-item label="标签位置">
        <el-select v-model="data.labelPosition">
          <el-option label="左对齐" value="left" />
          <el-option label="右对齐" value="right" />
          <el-option label="顶部对齐" value="top" />
        </el-select>
      </el-form-item>

      <el-form-item label="表单尺寸">
        <el-select v-model="data.size">
          <el-option label="大" value="large" />
          <el-option label="默认" value="default" />
          <el-option label="小" value="small" />
        </el-select>
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
defineProps({
  data: {
    type: Object,
    required: true
  }
})
</script>

<style lang="scss" scoped>
.form-config {
  padding: 10px;
}
</style>